@charset "utf-8";

.charity_cont .charity_txt,
.company_dev ,
.news_ol_list {
    border-bottom: 1px solid #e4e0e0
}
.main {
    width: 1200px;
    margin: 99px auto 70px;
    overflow: hidden
}

.article_content {
    width: 685px;
    float: right;
    margin-right: 200px
}

.company_item {
    margin-bottom: 32px
}

.company_title {
    position: relative
}
.map-video{
    width: 620px;
    height: auto;
    margin:40px auto 50px;
}
.company_title .title {
    padding-bottom: 10px;
    color: #000;
    font-size: 20px;
    font-weight: 400
}

.company_title .subtitle {
    padding: 50px 0 0;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 40px;
    
}

.company_title .show_all {
    position: absolute;
    right: 0;
    top: 5px;
    color: #F6AA00;
    font-size: 14px;
    text-decoration: none
}

.news_cont:after,
.news_cont:before {
    content: '';
    display: table
}

.news_cont:after {
    clear: both
}

.news_cont {
    position: relative;
    *zoom: 1
}

.news_cont .link-more,
.news_cont .time_selector {
    position: absolute;
    top: -32px;
    right: 0;
    height: 22px;
    cursor: pointer
}

.news_cont .time_selector {
    width: 66px;
    background: url(../images/company/bg_date_sel.png) no-repeat
}

.time_selector span {
    padding-left: 5px;
    line-height: 20px;
    color: #F6AA00;
    font-size: 16px;
    font-family: tahoma, Arial, 'hiragino sans gb', 'microsoft yahei', sans-serif
}

.news_cont .link-more a {
    color: #F6AA00;
    font-size: 14px;
    text-decoration: none
}

.news_item {
    display: none;
    width: 100%;
    padding-bottom: 30px
}

.news_ol_list .current {
    display: block
}

.news_sub_list li:after,
.news_sub_list li:before {
    content: '';
    display: table
}

.news_sub_list li:after {
    clear: both
}

.news_sub_list li {
    *zoom: 1
}

.news_sub_list a.txt {
    float: left;
    line-height: 30px;
    color: #5e6267;
    font-size: 14px;
    text-decoration: none;
    -webkit-transition: color .3s;
    transition: color .3s;
    width: 600px;
    height: 30px
}

.news_sub_list a.txt:hover {
    color: #F6AA00;
    -webkit-transition: color .3s linear;
    transition: color .3s linear
}

.news_sub_list .time {
    line-height: 30px;
    float: right;
    color: #999
}

.tab_list {
    text-align: right;
    margin-top: 20px
}

.tab_list .tab_item {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 8px;
    height: 8px;
    margin-left: 3px;
    border-radius: 8px;
    background-color: #c5c5c5;
    vertical-align: top;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.tab_list .current,
.tab_list .tab_item:hover {
    background-color: #8b9297
}

.tab_list .tab_item i {
    font-size: 0;
    line-height: 0;
    color: rgba(0, 0, 0, 0)
}

.tab_list .current {
    width: 45px
}

.company_dev {
    padding-bottom: 30px
}

.dev_list {
    margin-top: 10px;
    margin-left: 22px;
    padding-left: 80px;
    -webkit-transition: height 4s ease-in;
    transition: height 4s ease-in;
    border-left: 1px solid #e4e0e0;
    margin-bottom: 30px;
}

.dev_list .dev_item {
    position: relative;
    padding: 15px 0;
    font-size: 0;
    line-height: 0
}

.dev_list .dev_item.first_item {
    padding-top: 0;
    *padding-top: 15px
}

.dev_list .dev_item.end_item {
    padding-bottom: 0;
    border-bottom: none
}

.dev_item .year {
    position: absolute;
    left: -104px;
    *top: 29px;
    color: #F6AA00;
    line-height: 30px;
    font-size: 20px;
    background-color: #fff
}

.dev_item .item_cont {
    position: relative;
/*    padding-left: 38px */
}

.dev_item .month {
    position: absolute;
    color: #666;
    left: 0;
    _left: -40px;
    line-height: 30px;
    font-size: 20px
}

.dev_item .item_txt {
    font-size: 14px;
    color: #5e6267;
    line-height: 28px
}
















.board_list .current .txt {
    -webkit-animation: a_opacity .2s .15s ease both;
    animation: a_opacity .2s .15s ease both;
    filter: alpha(opacity=100);
    _visibility: visible
}

.board_list .slide_up .txt {
    -webkit-animation: a_opacity_2 .2s ease both;
    animation: a_opacity_2 .2s ease both
}

@-webkit-keyframes a_name_wrap {
    0% {
        -webkit-transform: translate(0, 0)
    }

    100% {
        -webkit-transform: translate(180px, 0)
    }
}

@-webkit-keyframes a_opacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes a_name_wrap_2 {
    0% {
        -webkit-transform: translate(180px, 0)
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@-webkit-keyframes a_opacity_2 {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.company_charity {
    position: relative
}

.company_charity .active {
    display: block
}

.charity_entry {
    position: absolute;
    right: 0;
    top: 5px
}

.charity_entry .entry_tab {
    padding-left: 20px;
    text-decoration: none;
    color: #F6AA00;
    font-size: 16px
}

.charity_cont {
    position: relative;
    display: none;
    _height: 0
}

.charity_cont .charity_item {
    display: none
}

.charity_cont .charity_item:first-child {
    display: block
}

.charity_cont .charity_img {
    width: 750px;
    margin-bottom: 24px
}

.charity_cont .charity_txt {
    color: #5e6267;
    font-size: 14px;
    line-height: 28px;
    padding-bottom: 24px
}

.charity_list {
    position: relative;
    width: 100%
}

.charity_list .charity_item {
    display: none;
    filter: alpha(opacity=100)
}
.leaders{
    display: block;
    width: 100%;
    height: auto;
    margin-top:20px ;
}
.group_wrap {
    width: 696px;
    margin: 30px auto 90px;
    text-align: center
}
.subtitle{
    height: 30px;
    display: flex;
     align-items:center;
}

.subtitle span{
    font-size:16px;
    font-family:PingFang SC;
    font-weight:bold;
    color:rgba(66,66,66,1);
    line-height:23px;
  
    vertical-align: middle;
   margin-right:30px ;
}
.subtitle i{
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #FEB80A;
    border-radius: 50%;
    vertical-align: middle;
}
.subtitle b{
    display: inline-block;
    vertical-align: middle;
  
    height:1px;
    background:rgba(210,210,210,1);
    opacity:0.3;
    flex: 1;
    padding-left: 30px;
    
    
}

.group_title {
    position: relative;
    width: 250px;
    height: 50px;
    margin: 0 auto;
    background: url(../images/company/logo.png) center no-repeat #F6AA00;
    background-size: 160px 22px;
    font-size: 0
}

.group_title:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50px;
    width: 1px;
    height: 40px;
    background: #979797
}

.group_list {
    margin-top: 80px
}

.group_item {
    float: left;
    position: relative;
    width: 106px;
    height: 120px;
    padding: 24px 6px 0;
    box-sizing: border-box;
    margin-left: 12px;
    background: #F3F5F6;
    font-size: 14px;
    color: #2A2E2E;
    cursor: pointer
}

.group_item:after {
    content: "";
    position: absolute;
    top: -40px;
    left: -64px;
    width: 118px;
    height: 40px;
    box-sizing: border-box;
    border-top: 1px solid #979797;
    border-right: 1px solid #979797
}

.group_item:hover {
    z-index: 1
}

.group_item:hover .group_item_box {
    opacity: 1;
    visibility: visible
}

.group_item.first {
    margin-left: 0
}

.group_item.first:after {
    border-top: 0
}

.group_item .group_item_tit {
    margin: 0 auto
}

.group_item .group_item_tit img {
    display: inline-block;
    vertical-align: middle;
    height: 17px
}

.group_item p {
    margin-top: 10px
}

.group_item_box {
    position: absolute;
    left: 0;
    top: 50px;
    width: 400px;
    line-height: 25px;
    text-align: left;
    box-sizing: border-box;
    padding: 32px;
    background: #FFF;
    box-shadow: 0 2px 12px 0 rgba(96, 96, 96, .12);
    border: 1px solid #ebebeb\9;
    opacity: 0;
    visibility: hidden
}

.group_item_box.left {
    left: auto;
    right: 0
}

.group_item_box .tit {
    height: 19px
}

html[lang=en] .group_item_box {
    width: 546px
}

html[lang=en] .group_item_box .tit {
    height: 20px
}

html[lang=en] .group_item {
    height: 140px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
not all {
    .group_title {
        background-image: url(../images/2x/company/logo.png)
    }
}
.bg-a1 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -10px -10px;
}

.bg-a2 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -126px -10px;
}

.bg-a3 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -10px -126px;
}

.bg-a4 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -126px -126px;
}

.bg-a5 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -242px -10px;
}

.bg-a6 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -242px -126px;
}

.bg-a7 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -10px -242px;
}

.bg-a8 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -126px -242px;
}

.bg-a9 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -242px -242px;
}

.bg-a10 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -358px -10px;
}

.bg-a11 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -358px -126px;
}
.bg-a12 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -358px -242px;
}

.bg-a13 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -10px -358px;
}

.bg-a14 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -126px -358px;
}

.bg-a15 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -242px -358px;
}

.bg-a16 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -358px -358px;
}

.bg-a17 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -474px -10px;
}

.bg-a18 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -474px -126px;
}

.bg-a19 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -474px -242px;
}

.bg-a20 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -474px -358px;
}

.bg-a21 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -10px -474px;
}

.bg-a22 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -126px -474px;
}

.bg-a23 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -242px -474px;
}

.bg-a24 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -358px -474px;
}

.bg-a25 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -474px -474px;
}

.bg-a26 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -590px -10px;
}

.bg-a28 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -590px -126px;
}

.bg-a27 {
    width: 96px; height: 96px;
    background: url('../images/company/leaders.png') -590px -242px;
}
.lead-first-wrapper{
     width: 97px;
    height: auto;
   margin: 0px auto 0;
}
.lead-box{
   width: 97px;
   height: 200px;
}
.charity-list{
    display: flex;
  flex-wrap: wrap;
    justify-content:space-between;  
   align-items:stretch;
   margin-top: 50px;
}
.charity-list .charity-box{
    width: 170px;
    
}
.charity-list .charity-box i,.charity-list .charity-box span,.charity-list .charity-box b{
    display: block;
}
.charity-list .charity-box span{
    font-size:16px;
font-family:PingFang SC;
font-weight:bold;
color:rgba(28,30,34,1);
margin-top: 30px;
}
.charity-list .charity-box b{
    font-size:14px;
font-family:PingFang SC;
font-weight:500;
color:rgba(89,89,89,1);
margin-top: 20px;
}
.leads-list{
    display: flex;
    flex-wrap: wrap;
      justify-content:space-between;
}
.lead-box b,.lead-box em{
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 10px;
}
.lead-box .leadimg{
    display: block;
}
.lead-box b{
    font-size:14px;
font-family:PingFang SC;
font-weight:bold;
color:rgba(38,38,38,1);
line-height:23px;

}
.lead-box em{
 font-size:14px;
font-family:PingFang SC;
font-weight:500;
color:rgba(89,89,89,1);
line-height:23px;
}

.bg-b1 {
    width: 96px; height: 96px;
    background: url('../images/company/bg-charity.png') -10px -10px;
}

.bg-b2 {
    width: 96px; height: 96px;
    background: url('../images/company/bg-charity.png') -126px -10px;
}

.bg-b3 {
    width: 96px; height: 96px;
    background: url('../images/company/bg-charity.png') -10px -126px;
}
.bg-b4 {
    width: 96px; height: 96px;
    background: url('../images/company/bg-charity.png') -126px -126px;
}

.bg-b5 {
    width: 96px; height: 96px;
    background: url('../images/company/bg-charity.png') -242px -10px;
}